
<template>
    <div class="footer">
        <div style="float:left;text-align:left;margin:0px;padding:0px;width:30%;">
    
            <span style="text-align:left;color:#ffce00;font-size:16px;padding-left:10px;">
                共{{2*zs}}元
            </span>
                
            <span style="color:white;font-size:16px;font-weight:800;"> {{zs}}注{{bs}}倍</span>
       
        </div>
    
        <div style="float:left;width:70%;">
    
            <div @click="doPay()" class="button-style"> 付款 </div>
    
        </div>
    
       </div>
</template>

<script>
import { mapState, mapActions } from 'vuex'
export default {
    data() {
        return {


        }
    },
    mounted() {
        //获取用户信息

    },
    props: ['zs', 'bs'],
    computed: {
    },
    methods: {

        doPay() {

            this.$emit('doPay')

        }

    }

}

</script>

<style lang="scss" scoped>
.footer {
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin: 0px;
    background: rgb(222, 24, 39);
    position: fixed;
    bottom: 0;
    color: white;
}

.button-style{

    float:right;
    background:rgb(252,204,47);
    height:33px;
    line-height:33px;
    margin-top:6px;
    width:80px;
    border-radius:4px;
    font-size:16px;
    margin-right:6px;
    

}
</style>
